import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
   /*  {
      path: '/',
      name: 'home',
      component: HomeView
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('../views/AboutView.vue')
    }, */
    {
      path: '/',
      name: 'Login',
      component: () => import('../views/LoginView.vue')
    },
    {
      path: '/Main',
      name: 'Main',
      component: () => import('../views/MainView.vue')
    },
    {
      path: '/Show',
      name: 'Show',
      component: () => import('../views/ShowView.vue'),
      children: [
        {
          path: '/RoomTypes',
          name: 'RoomTypes',
          component: () => import('../views/Rooms/RoomTypesView.vue'),
          children:[
            {
              path: '/RoomTypesYM',
              name: 'RoomTypesYM',
              component: () => import('../views/Rooms/RoomTypesYMView.vue')
            },
            {
              path: '/Dishes',
              name: 'Dishes',
              component: () => import('../views/Rooms/DishesView.vue')
            },
            {
              path: '/RoomNO',
              name: 'RoomNO',
              component: () => import('../views/Rooms/RoomNoView.vue')              
            },
            {
              path: '/ProductDisplayView',
              name: 'ProductDisplayView',
              component: () => import('../views/Rooms/ProductDisplayView.vue')
            },
            {
              path: '/InsertProductDisplayView',
              name: 'InsertProductDisplayView',
              component: () => import('../views/Rooms/InsertProductDisplayView.vue')
            },
            {
              path: '/PriceIndication',
              name: 'PriceIndication',
              component: () => import('../views/Rooms/PriceIndicationView.vue')
            } 
            ,{
              path: '/UpdateProductDisplayView',
              name: 'UpdateProductDisplayView',
              component: () => import('../views/Rooms/UpdateProductDisplayView.vue')
            },
            {
              path: '/Classify',
              name: 'Classify',
              component: () => import('../views/Rooms/ClassifyView.vue')
            } ,
            {
              path: '/GoodsSetup',
              name: 'GoodsSetup',
              component: () => import('../views/Rooms/GoodsSetupView.vue')
            },
            {
              path: '/LodgingSetup',
              name: 'LodgingSetup',
              component: () => import('../views/Rooms/LodgingSetupView.vue')
            } ,
            {
              path: '/PolymerizationGoods',
              name: 'PolymerizationGoods',
              component: () => import('../views/Rooms/PolymerizationGoodsView.vue')
            } ,
            {
              path: '/MerchantManagement',
              name: 'MerchantManagement',
              component: () => import('../views/Rooms/MerchantManagementView.vue')
            } 
            
          ]
        },
        {
          path: '/Store',
          name: 'Store',
          component: () => import('../views/Store/StoresView.vue'),
          children:[
            {
              path: '/StoresView',
              name: 'StoresView',
              component: () => import('../views/Store/StoresView.vue')

            },
            {
              path: '/StoreList',
              name: 'StoreList',
              component: () => import('../views/Store/StoreList.vue')

            },

          ]
        },

        {
          path: '/Orders',
          name: 'Orders',
          component: () => import('../views/Orders/Orders.vue'),
          children:[
            {
              path: '/Reservation',
              name: 'Reservation',
              component: () => import('../views/Orders/ReservationView.vue')
            },
             {
              path: '/MallOrders',
              name: 'MallOrders',
              component: () => import('../views/Orders/MallOrders.vue')
            },
           {
             path: '/Lodging',
             name: 'Lodging',
             component: () => import('../views/Orders/LodgingView.vue')
           }
            
          ]
        },
        {
          path: '/Client',
          name: 'Client',
          component: () => import('../views/Client/Client.vue'),
          children:[
            {
              path: '/Customer',
              name: 'Customer',
              component: () => import('../views/Client/CustomerView.vue')
            },
          ]
        },
        {
          path: '/Status',
          name: 'Status',
          component: () => import('../views/StatusView.vue')
        },
        {
          path: '/Wraparound',
          name: 'Wraparound',
          component: () => import('../views/WraparoundView.vue')
        },

      ]
    }
  ]
})

export default router